import { createI18n } from 'vue-i18n';
import { EnumLang } from '../utils/enum';
import zhCn from './zhCn.json';
import enUs from './enUs.json';

const messages = {
  [EnumLang.ZhCn]: zhCn,
  [EnumLang.EnUs]: enUs,
};

// 获取本地当前语言
const lang = localStorage.getItem('Lang') || EnumLang.ZhCn;

// 设置 html 根节点的语言
switch (lang) {
  case EnumLang.EnUs:
    document.querySelector('html')!.lang = 'en';
    break;

  default:
    document.querySelector('html')!.lang = 'zh-CN';
}

const i18n = createI18n({
  locale: lang, // 设置默认语言为中文 zh, 英文 en
  messages,
  globalInjection: true, // 在组件模板中可以直接使用 {{ $t('greeting') }} 来获取对应的翻译文本
  allowHtml: true,
});

export default i18n;
